<template>
    <div class="head-box">
       <div class="box">
           <h1>练习室</h1>
            <router-link to="/Jieduan">
               <h3>大一</h3>
            </router-link>
           
       </div>
         <router-link to="/Cuoti">
             <button>错题收藏</button>
                </router-link>
      
       
    </div>
</template>

<script>
export default {
    name:"Head",
    data(){
        return{
           
        }
    }
}
</script>


<style>
.head-box{
    width: 100%;
    
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: .2rem;
   
}
.box h3{
     border-left: 1px solid #a3a3a3;
     color: #a3a3a3;
     padding-left: .2rem;
     margin-left: .2rem;
}
.head-box button{
    width: .8rem;
    height: .3rem;
    border: none;
    margin-right: .2rem;
}
</style>